<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>醉品茶城</title>
		<meta name="keywords" content="茶叶,醉品茶城">
		<link rel="stylesheet" href="css/initCss.css">
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div id="container">
		    <!-- 网页头部header -->
		    <div id="header">
		    	<div class="headerCenter">
		    		<div class="headLeft">
		    			<ul class="headLeftUl">
		    				<li class="zp-index"><a href="#">醉品茶城首页</a></li>
		    				<li class="zp-tel">
		    					<a href="">醉品茶城手机版</a>
		    					<div class="zp-pic">
		    						<img lazy="static/img/phone_qr.jpg" alt="">
		    						"手机登录购买"
		    					</div>
		    					</li>
		    			</ul>
		    		</div>
		    		<div class="headright">
		    			<dl>
		    				<dt class="cart-num">
		    					<a href="pages/goodcar.html">购物车</a>
		    				</dt>
		    			</dl>
		    		</div>
		    		<div class="headLast">
		    			<ul class="head-sel">
							<div class="login">
								<li><a href="./pages/login.html">登录</a></li>
								<li><a href="./pages/register.html">注册</a></li>
							</div>
		    				<li class="welcome"><p>欢迎VIP<mark><em id="userName">XXX</em></mark><span id="logout">注销</span></p></li>
		    				<li><a id="myOrders" href="#">我的订单</a></li>
		    				<li><a href="#">帮助</a></li>
		    				<li><a href="#">关于醉品</a></li>
		    				<li class="icon-phone">
		    					<a href="#">4006-066-068</a>
		    				</li>
		    			</ul>
		    		</div>
		    	</div>
		    </div>
		    <!-- header-top -->
		    <div id="headerTop">
		    	<div class="headtopcenter">
		    		<div class="logo">
<<<<<<< HEAD
		    			<a href="index.html"><img lazy="static/img/zp_logo_u1.png" alt="醉品茶城"></a>
=======
		    			<a href="index.html"><img src="static/img/zp_logo_u1.png" alt="醉品茶城"></a>
>>>>>>> ce0787ad3ba6177e9f5d7a8aa5b0bb2bbdea1870
		    		</div>
		    		<div class="search-box">
		    			<form action="#" id="list">
		    				<input type="text" name="keyword" class="search-text">
		    			</form>
		    			<span class="search-btn" id="sub"></span>
		    			<div class="clearfix" id="keyword">
		    				<a href="./pages/goodlist.html" target="_blank" class="first_hot">白茶</a>
		    				<a href="./pages/goodlist.html" target="_blank">广东单枞</a>
		    				<a href="./pages/goodlist.html" target="_blank">龙井</a>
		    				<a href="./pages/goodlist.html" target="_blank">金骏眉</a>
		    				<a href="../pages/goodlist.html" target="_blank">普洱</a>
		    			</div>
		    		</div>
		    		<div class="three-list">
		    			<ul class="clearfix">
		    				<li><p>全场商品90天保价</p></li>
		    				<li><p>满59元免邮费</p></li>
		    				<li><p>2000城市货到付款</p></li>
		    			</ul>
		    		</div>
		    		<div class="code">
		    			<img class="qr-code-img" src="static/img/phone_qr.jpg" alt="">
		    			<span class="code-text">手机登录购买</span>
		    		</div>
		    	</div>
		    </div>
		    <!-- header-sel -->
		    <div id="header-sel">
		    	<div class="headSelCenter">
		    		<dl class="good-list">
		    			<dt class="list-title">全部商品分类</dt>
		    			<dd class="one-tea">
		    				<span class="one-title">一键选茶</span> 
		    				<div class="one-content">
		    					<a href="./pages/goodlist.html" target="_blank">自饮助手</a>
		    					<a href="./pages/goodlist.html" target="_blank">自饮锦囊</a>
		    					<a href="./pages/goodlist.html" target="_blank">送礼助手</a>
		    					<a href="./pages/goodlist.html" target="_blank">送礼锦囊</a>
		    				</div>
		    			</dd>
		    			<dd class="list-info">
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="./pages/goodlist.html">白茶</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">白毫银针</a></li>
		    							<li> <a href="./pages/goodlist.html">白牡丹</a></li>
		    							<li> <a href="./pages/goodlist.html">寿眉</a></li>
		    							<li> <a href="./pages/goodlist.html">其他白茶</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
<<<<<<< HEAD
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/36.png" alt=""></a>
		    								<a href="./pages/goodlist.html">白毫银针</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/白茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">白牡丹</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/寿眉.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">寿眉</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/其他白茶.jpg" alt=""></a>
=======
		    								<a href="./pages/goodlist.html"><img src="./static/img/36.png" alt=""></a>
		    								<a href="./pages/goodlist.html">白毫银针</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img src="./static/img/白茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">白牡丹</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img src="./static/img/寿眉.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">寿眉</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img src="./static/img/其他白茶.jpg" alt=""></a>
>>>>>>> ce0787ad3ba6177e9f5d7a8aa5b0bb2bbdea1870
		    								<a href="./pages/goodlist.html">其他白茶</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="./pages/goodlist.html">黑茶</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">普洱茶</a></li>
		    							<li> <a href="./pages/goodlist.html">安化黑茶</a></li>
		    							<li> <a href="./pages/goodlist.html">柑普茶</a></li>
		    							<li> <a href="./pages/goodlist.html">六堡茶</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/普洱生茶.jpg" alt=""></a>
		    								<a href="#">普洱茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/安化黑茶.jpg" alt=""></a>
		    								<a href="#">安化黑茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/柑普茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">柑普茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/六堡茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">六堡茶</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="#">红茶</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">金骏眉</a></li>
		    							<li> <a href="./pages/goodlist.html">正山小种</a></li>
		    							<li> <a href="./pages/goodlist.html">云南滇红</a></li>
		    							<li> <a href="./pages/goodlist.html">祁山红茶</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/金骏眉.jpg" alt=""></a>
		    								<a href="#">金骏眉</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/正山小种.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">正山小种</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/金骏眉.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">云南滇红</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/祁门红茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">祁山红茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/九曲红梅.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">其他红茶</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="./pages/goodlist.html">绿茶</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">龙井</a></li>
		    							<li> <a href="./pages/goodlist.html">安吉白茶</a></li>
		    							<li> <a href="./pages/goodlist.html">四川绿茶</a></li>
		    							<li> <a href="./pages/goodlist.html">碧螺春</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/36.png" alt=""></a>
		    								<a href="./pages/goodlist.html">龙井</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/白茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">安吉白茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/寿眉.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">四川绿茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/其他白茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">碧螺春</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="./pages/goodlist.html">乌龙茶</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">武夷岩茶</a></li>
		    							<li> <a href="./pages/goodlist.html">安溪铁观音</a></li>
		    							<li> <a href="./pages/goodlist.html">广东单从</a></li>
		    							<li> <a href="./pages/goodlist.html">漳平水仙</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/36.png" alt=""></a>
		    								<a href="./pages/goodlist.html">武夷岩茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/白茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">安溪铁观音</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/寿眉.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">广东单从</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/其他白茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">漳平水仙</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="./pages/goodlist.html">创新品</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">多品类茶</a></li>
		    							<li> <a href="./pages/goodlist.html">茶器组合</a></li>
		    							<li> <a href="./pages/goodlist.html">茶酒组合</a></li>
		    							<li> <a href="./pages/goodlist.html">其他创新品</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/多品类茶.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">多品类茶</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/茶器组合.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">茶器组合</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/茶酒组合.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">茶酒组合</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/其他创新品.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">其他创新品</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    				<dl class="clearfix">
		    					<dt class="big-title"><a href="./pages/goodlist.html">茶器</a></dt>
		    					<dd class="float-left">
		    						<ul class="clearfix">
		    							<li> <a href="./pages/goodlist.html">陶瓷茶具</a></li>
		    							<li> <a href="./pages/goodlist.html">玻璃茶具</a></li>
		    							<li> <a href="./pages/goodlist.html">紫砂茶具</a></li>
		    							<li> <a href="./pages/goodlist.html">茶盘</a></li>
		    						</ul>
		    					</dd>
		    					<div class="colunm-common column-line">
		    						<ul>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/陶瓷茶具.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">陶瓷茶具</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/玻璃茶具.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">玻璃茶具</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/紫砂茶具.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">紫砂茶具</a>
		    							</li>
		    							<li class="clearfix">
		    								<a href="./pages/goodlist.html"><img lazy="./static/img/茶盘.jpg" alt=""></a>
		    								<a href="./pages/goodlist.html">茶盘</a>
		    							</li>
		    						</ul>
		    					</div>
		    				</dl>
		    			</dd>
		    		</dl>
		    		<ul class="row-nav">
		    			<li class="row-nav-list"><a href="./pages/goodlist.html" target="_blank">品牌集成馆</a></li>
		    			<li class="row-nav-list"><a href="./pages/goodlist.html" target="_blank">大师名匠馆</a></li>
		    			<li class="row-nav-list"><a href="./pages/goodlist.html" target="_blank">积分商城</a></li>
		    			<li class="row-nav-list"><a href="./pages/goodlist.html" target="_blank">茶礼定制</a></li>
		    		</ul>
		    	</div>
		    </div>
		    <!-- banner -->
		    <div id="banner">
		    	<div class="zuipin-wrapper">
		    		<div class="top-left">
		    			<img lazy="./static/img/l.jpg" alt="">
		    		</div>
		    		<div class="slide-box banner1">
		    			<!-- <div class="hd">
		    				<span class="active"></span>
		    				<span></span>
		    				<span></span>
		    				<span></span>
		    				<span></span>
		    			</div> -->
		    			<div class="banner-btns">
		    					<input type="button" class="left-banner" value="<<<">
		    					<input type="button" class="right-banner" value=">>>">
		    			</div>
		    			<div class="bd">
		    				<ul>
		    					<li class="banner-item">
		    						<a href="./pages/goodlist.html" target="_blank">
		    							<img lazy="./static/bannerimg/轮播1.jpg" alt="">
		    						</a>
		    					</li>
		    					<li class="banner-item">
		    						<a href="./pages/goodlist.html" target="_blank">
		    							<img lazy="./static/bannerimg/轮播2.jpg" alt="">
		    						</a>
		    					</li>
		    					<li class="banner-item">
		    						<a href="./pages/goodlist.html" target="_blank">
		    							<img lazy="./static/bannerimg/轮播3.jpg" alt="">
		    						</a>
		    					</li>
		    					<li class="banner-item">
		    						<a href="./pages/goodlist.html" target="_blank">
		    							<img lazy="./static/bannerimg/轮播4.jpg" alt="">
		    						</a>
		    					</li>
		    					<li class="banner-item">
		    						<a href="./pages/goodlist.html" target="_blank">
		    							<img lazy="./static/bannerimg/轮播5.gif" alt="">
		    						</a>
		    					</li>
		    				</ul>
		    			</div>
		    		</div>
		    		<div class="top-right">
		    			<img lazy="./static/img/r.jpg" alt="">
		    		</div>
		    	</div>
		    </div>
		    <!-- advertisement-item -->
		    <div id="advertisement-item">
		    	<div class="zuipin-wrapper">
		    		<a href="./pages/goodlist.html" target="_blank"><img lazy="./static/advert-img/1.jpg" alt=""></a>
		    		<a href="./pages/goodlist.html" target="_blank"><img lazy="./static/advert-img/2.jpg" alt=""></a>
		    		<a href="./pages/goodlist.html" target="_blank"><img lazy="./static/advert-img/3.jpg" alt=""></a>
		    		<a href="./pages/goodlist.html" target="_blank"><img lazy="./static/advert-img/4.jpg" alt=""></a>
		    	</div>
		    </div>
			<!-- specical -->
			<!-- 分一栏特价时 -->
			<div class="special-item floor" id="special">
				<div class="zuipin-wrapper">
					<div class="special-title">
						<img class="special-logo" src="./static/special-img/special.png" alt="">
						<h2 class="special-head">限时<span>特价</span></h2>
						<div class="width-1"></div>
						<p class="special-text">总有你想不到的低价</p>
					    <!-- countdown 输入结束时间-->
					    <div class="timer countdown" data-endTime="2020-04-17 00:00:00" value="2020-03-13 00:00:00">
					         <span class="tip-text text">距结束：</span>
					         <span class="days">15天</span>
					         <span class="time-date hours">12</span>
					         <span class="time-code">:</span>
					         <span class="time-date minutes">34</span>
					         <span class="time-code">:</span>
					         <span class="time-date seconds">54</span>
					    </div>
					</div>
					<div class="special-content">
						<div class="slide-item">
							<div class="tempWrap">
								<ul class="clearfix">
									<li class="clone">
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>
									<li>
										<a href="./pages/goodlist.html" target="_blank" class="special-good">
											<div class="special-img">
												<img lazy="./static/special-img/1.jpg" alt="">
											</div>
											<p class="special-descr">【老茶】大沁白茶 2012年春 白牡丹 陈年茶 一级 100g</p>
											<p class="special-alt">有机茶园 毫香蜜韵</p>
											<p class="special-price">
												<span class="special-now-price">￥395.00</span>
												<del class="special-old-price">￥438.00</del>
											</p>
											<div class="tag-img">
												<img lazy="./static/special-img/time-limit.png" alt="">
											</div>
										</a>
									</li>	
								</ul>
							</div>
							
						</div>
						<div class="hdbtn">
							<a class="prev sPrev" href="#"></a>
							<ul style="display: none;">
								<li class="on">1</li>
								<li>2</li>
							</ul>
							<a class="next sNext" href="#"></a>
						</div>
					</div>
				</div>
			</div>
			<!-- 分二栏 -->
			<!-- drink自饮 -->
<<<<<<< HEAD
			<div class="drink-item floor" id="drink">
=======
			<div class="drink-item" id="drink">
>>>>>>> ce0787ad3ba6177e9f5d7a8aa5b0bb2bbdea1870
				<div class="zuipin-wrapper">
					<div class="card-title">自饮</div>
					<div class="card-content">
						<!-- left -->
						<div class="card-left">
							<a href="./pages/goodlist.html" target="_blank" class="tag-card"><img lazy="static/drinkimg/lADPBE1XZBvRbvbNAebM6g_234_486.jpg" alt=""></a>
							<a href="./pages/goodlist.html" target="_blank" class="more-card">
								<h2>自饮助手</h2>
								<p class="more-text">自己喝的茶</p>
								<p class="more-text">包装不用太复杂</p>
								<img lazy="./static/drinkimg/more.png" alt="查看更多">
							</a>
						</div>
						<!-- center -->
						<div class="card-center">
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"><img lazy="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"><img lazy="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
						</div>
						<!-- right -->
						<div class="card-right">
							<div class="new-list">
								<a href="#" class="new-head">自饮锦囊</a>
								<div class="news-content">
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
								</div>
							</div>
							<a href="#" target="_blank" class="more-card">
								<h2>浏览更多</h2>
								<p class="more-text">想要喝茶，不知如何选</p>
								<p class="more-text">这里有一只锦囊</p>
<<<<<<< HEAD
								<img lazy="./static/drinkimg/more.png" alt="查看更多">
=======
								<img src="./static/drinkimg/more.png" alt="查看更多">
							</a>
						</div>
					</div>
				</div>	
			</div>
		    <!-- sendGifts -->
		    <div class="drink-item" id="drink">
		    	<div class="zuipin-wrapper">
		    		<div class="card-title">送礼</div>
		    		<div class="card-content">
		    			<!-- left -->
		    			<div class="card-left">
		    				<a href="#" target="_blank" class="tag-card"><img src="./static/drinkimg/1.7-1.24.jpg" alt=""></a>
		    				<a href="#" target="_blank" class="more-card">
		    					<h2>送礼助手</h2>
		    					<p class="more-text">为你用心推荐</p>
		    					<p class="more-text">每一份礼物</p>
		    					<img src="./static/drinkimg/more.png" alt="查看更多">
		    				</a>
		    			</div>
		    			<!-- center -->
		    			<div class="card-center">
		    				<a href="#" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="#" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="#" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="#" target="_blank">
		    					<div class="tar-img"><img src="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
		    					<div class="special-img">
		    						<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="#" target="_blank">
		    					<div class="tar-img"><img src="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
		    					<div class="special-img">
		    						<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="#" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    			</div>
		    			<!-- right -->
		    			<div class="card-right">
		    				<div class="new-list">
		    					<a href="#" class="new-head">送礼锦囊</a>
		    					<div class="news-content">
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    					</div>
		    				</div>
		    				<a href="#" target="_blank" class="more-card">
		    					<h2>浏览更多</h2>
		    					<p class="more-text">不懂如何送礼，头痛</p>
		    					<p class="more-text">这里有一只锦囊</p>
		    					<img src="./static/drinkimg/more.png" alt="查看更多">
		    				</a>
		    			</div>
		    		</div>
		    	</div>	
		    </div>
			<!-- teafoot/teaserver -->
			<div class="drink-item" id="drink">
				<div class="zuipin-wrapper">
					<div class="card-title">茶器/茶食</div>
					<div class="card-content">
						<!-- left -->
						<div class="card-left">
							<a href="#" target="_blank" class="tag-card"><img src="./static/drinkimg/lADPBE1XYy3FNULNAebM6g_234_486.jpg" alt=""></a>
							<a href="#" target="_blank" class="more-card">
								<h2>茶器选择助手</h2>
								<p class="more-text">茶器的选择</p>
								<p class="more-text">茶食的口感</p>
								<img src="./static/drinkimg/more.png" alt="查看更多">
							</a>
						</div>
						<!-- center -->
						<div class="card-center">
							<a href="#" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="#" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="#" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="#" target="_blank">
								<div class="tar-img"><img src="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
								<div class="special-img">
									<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="#" target="_blank">
								<div class="tar-img"><img src="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
								<div class="special-img">
									<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="#" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img src="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
						</div>
						<!-- right -->
						<div class="card-right">
							<div class="new-list">
								<a href="#" class="new-head">自饮锦囊</a>
								<div class="news-content">
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img src="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
								</div>
							</div>
							<a href="#" target="_blank" class="more-card">
								<h2>浏览更多</h2>
								<p class="more-text">想要喝茶，不知如何选</p>
								<p class="more-text">这里有一只锦囊</p>
								<img src="./static/drinkimg/more.png" alt="查看更多">
>>>>>>> ce0787ad3ba6177e9f5d7a8aa5b0bb2bbdea1870
							</a>
						</div>
					</div>
				</div>	
			</div>
<<<<<<< HEAD
		    <!-- sendGifts -->
		    <div class="drink-item floor" id="drink">
		    	<div class="zuipin-wrapper">
		    		<div class="card-title">送礼</div>
		    		<div class="card-content">
		    			<!-- left -->
		    			<div class="card-left">
		    				<a href="./pages/goodlist.html" target="_blank" class="tag-card"><img lazy="./static/drinkimg/1.7-1.24.jpg" alt=""></a>
		    				<a href="./pages/goodlist.html" target="_blank" class="more-card">
		    					<h2>送礼助手</h2>
		    					<p class="more-text">为你用心推荐</p>
		    					<p class="more-text">每一份礼物</p>
		    					<img lazy="./static/drinkimg/more.png" alt="查看更多">
		    				</a>
		    			</div>
		    			<!-- center -->
		    			<div class="card-center">
		    				<a href="./pages/goodlist.html" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="./pages/goodlist.html" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="./pages/goodlist.html" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="./pages/goodlist.html" target="_blank">
		    					<div class="tar-img"><img lazy="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
		    					<div class="special-img">
		    						<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="./pages/goodlist.html" target="_blank">
		    					<div class="tar-img"><img lazy="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
		    					<div class="special-img">
		    						<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    				<a href="./pages/goodlist.html" target="_blank">
		    					<div class="tar-img"></div>
		    					<div class="special-img">
		    						<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
		    					</div>
		    					<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
		    					<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
		    					<p class="card-price">￥218</p>
		    				</a>
		    			</div>
		    			<!-- right -->
		    			<div class="card-right">
		    				<div class="new-list">
		    					<a href="#" class="new-head">送礼锦囊</a>
		    					<div class="news-content">
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    						<a href="#" target="_blank" class="news-item">
		    							<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
		    							<div class="news-artical">
		    								<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
		    								<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
		    							</div>
		    						</a>
		    					</div>
		    				</div>
		    				<a href="#" target="_blank" class="more-card">
		    					<h2>浏览更多</h2>
		    					<p class="more-text">不懂如何送礼，头痛</p>
		    					<p class="more-text">这里有一只锦囊</p>
		    					<img lazy="./static/drinkimg/more.png" alt="查看更多">
		    				</a>
		    			</div>
		    		</div>
		    	</div>	
		    </div>
			<!-- teafoot/teaserver -->
			<div class="drink-item floor" id="drink">
				<div class="zuipin-wrapper">
					<div class="card-title">茶器/茶食</div>
					<div class="card-content">
						<!-- left -->
						<div class="card-left">
							<a href="./pages/goodlist.html" target="_blank" class="tag-card"><img lazy="./static/drinkimg/lADPBE1XYy3FNULNAebM6g_234_486.jpg" alt=""></a>
							<a href="./pages/goodlist.html" target="_blank" class="more-card">
								<h2>茶器选择助手</h2>
								<p class="more-text">茶器的选择</p>
								<p class="more-text">茶食的口感</p>
								<img lazy="./static/drinkimg/more.png" alt="查看更多">
							</a>
						</div>
						<!-- center -->
						<div class="card-center">
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"><img lazy="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"><img lazy="./static/drinkimg/20200224163805_81528676058.png" alt=""></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
							<a href="./pages/goodlist.html" target="_blank">
								<div class="tar-img"></div>
								<div class="special-img">
									<img lazy="./static/drinkimg/20191101092118_43289392913.jpg" alt="">
								</div>
								<p class="special-descr"  title="【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g">【新品抢鲜尝！】益泡柑 柑普茶 普洱熟茶 2019年 陈皮普洱 罐装 150g</p>
								<p class="special-alt" title="餐后茶饮  解油腻">餐后茶饮  解油腻</p>
								<p class="card-price">￥218</p>
							</a>
						</div>
						<!-- right -->
						<div class="card-right">
							<div class="new-list">
								<a href="#" class="new-head">自饮锦囊</a>
								<div class="news-content">
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
									<a href="#" target="_blank" class="news-item">
										<p class="news-title" title="疫情期间，喝茶能起到什么样的保健作用？">疫情期间，喝茶能起到什么样的保健作用？</p>
										<div class="news-artical">
											<img lazy="./static/drinkimg/20200214175734_850239574830.jpg" alt="">
											<p title="对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?">对于很多人来说，茶犹如水一般，融入在生活之中。而长期喝茶的人，在免疫力方面也会比其他人高一些。而随着疫情的不断演变，喝茶已经成为了许多人宅在家里必做的事情了。宅家喝茶可以对身体起到什么样的保健作用呢?</p>
										</div>
									</a>
								</div>
							</div>
							<a href="#" target="_blank" class="more-card">
								<h2>浏览更多</h2>
								<p class="more-text">想要喝茶，不知如何选</p>
								<p class="more-text">这里有一只锦囊</p>
								<img lazy="./static/drinkimg/more.png" alt="查看更多">
							</a>
						</div>
					</div>
				</div>	
			</div>
=======
>>>>>>> ce0787ad3ba6177e9f5d7a8aa5b0bb2bbdea1870
			<!-- footer -->
		    <div id="zuipin-footer">
		    	<div class="zuipin-wrapper">
		    		<div class="footer-service">
		    			<ul>
		    				<li class="clearfix"><span>原产地直销</span></li>
		    				<li class="clearfix"><span>1000家合作社联盟</span></li>
		    				<li class="clearfix"><span>10万亩茶园直供</span></li>
		    				<li class="clearfix"><span>90天产品保价</span></li>
		    				<li class="clearfix"><span>30天商品退换货</span></li>
		    				<li class="clearfix"><span>满59元免运费</span></li>
		    			</ul>
		    		</div>
		    		<div class="footer-links">
		    			<dl class="col-links">
		    				<dt>购物指南</dt>
		    				<dd><a href="#" target="_blank">购物保障</a></dd>
		    				<dd><a href="#" target="_blank">积分政策</a></dd>
		    				<dd><a href="#" target="_blank">企业用户</a></dd>
		    			</dl>
		    			<dl class="col-links">
		    				<dt>配送方式</dt>
		    				<dd><a href="#" target="_blank">快递资费</a></dd>
		    				<dd><a href="#" target="_blank">配送时间</a></dd>
		    				<dd><a href="#" target="_blank">配送范围</a></dd>
		    				<dd><a href="#" target="_blank">验货签收</a></dd>
		    			</dl>
		    			<dl class="col-links">
		    				<dt>支付方式</dt>
		    				<dd><a href="#" target="_blank">货到付款</a></dd>
		    				<dd><a href="#" target="_blank">在线支付</a></dd>
		    				<dd><a href="#" target="_blank">网银在线</a></dd>
		    				<dd><a href="#" target="_blank">银行转账</a></dd>
		    			</dl>
		    			<dl class="col-links">
		    				<dt>售后服务</dt>
		    				<dd><a href="#" target="_blank">退换货原则</a></dd>
		    				<dd><a href="#" target="_blank">退换货要求</a></dd>
		    				<dd><a href="#" target="_blank">运费规则</a></dd>
		    				<dd><a href="#" target="_blank">退换货原则</a></dd>
		    			</dl>
		    			<dl class="col-links">
		    				<dt>关于醉品</dt>
		    				<dd><a href="#" target="_blank">关于我们</a></dd>
		    				<dd><a href="#" target="_blank">醉品动态</a></dd>
		    				<dd><a href="#" target="_blank">媒体声音</a></dd>
		    				<dd><a href="#" target="_blank">品牌集成</a></dd>
		    			</dl>
		    			<div class="col-contact">
		    				<p class="phone">4006-066-068</p>
		    				<p><span class="time-normal">周一至周五 8:40-18:00</span></p>
		    				<a class="btn-line-primary" href="#"><i></i>在线客服</a>
		    			</div>
		    			<div class="col-wap">
		    				<img lazy="./static/img/phone_qr.jpg" alt="">
		    				<p>醉品茶城手机版</p>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <div id="footer-info-box">
		    	<div class="zuipin-wrapper">
		    		<div class="footer-info">
		    			<img lazy="./static/img/zui.png" alt="">
		    			<div class="col-aus">
		    				<ul class="list-about">
		    					<li><a href="#">关于我们</a>|</li>
		    					<li><a href="#">版权声明</a>|</li>
		    					<li><a href="#">联系我们</a></li>
		    				</ul><br>
		    				<div class="copyright"><p>&copy; 2010 - 2020 醉品茶城 厦门醉品春秋网络科技有限公司</p></div>
		    				<div>
		    					<span>zuipin.cn All Rights Reserved</span>
		    					<a href="#">闽ICP备10200063号-1</a>
		    				</div>		
		    			</div>
		    			<div class="footer-picmsg"><img lazy="./static/img/pincha.png" alt=""></div>
		    		</div>
		    	</div>
		    </div>
			<!-- 楼层效果 -->
			<ul id="zuipin-list">
				<li>特价</li>
				<li>自饮</li>
				<li>送礼</li>
				<li>茶具</li>
			</ul>
	</body>
</html>
<script src="./js/xm_public.js"></script>
<script src="./js/jquery.js"></script>
<script src="./js/jquery-banner.1.0.js"></script>
<script>
	
	// banner
	$(".banner1").banner({
		img:$(".banner1").children(".bd").find("li"),
		left:$(".banner1").find(".left-banner"),
		right:$(".banner1").find(".right-banner"),
		list:true,
		autoPlay:true,
		delayTime:2000,
		moveTime:300
	})
	
	// 登录注册
	class Index{
		constructor(){
			this.login=document.querySelector(".login");
			this.welcome=document.querySelector(".welcome");
			this.logout=document.getElementById("logout");
			this.uName=document.getElementById("userName");
			this.goodcarBtn=document.querySelector(".cart-num");
			// 对于需要验证是否登录的页面来说，应该立即获取是否登录的信息
			this.init();
			this.addEvent();
		}
		init(){
			 // 获取之后，简单处理数据
			this.m=sessionStorage.getItem("userMsg");
			this.m=this.m ? JSON.parse(this.m) : {};
			// 如果有登录信息
			if(this.m.user){
				// 显示登录的用户名
				this.uName.innerHTML=this.m.user;
				// 隐藏登录注册操作
				this.login.style.display="none";
				// 显示欢迎信息
				this.welcome.style.display="block";
				// 显示购物车按钮
				this.goodcarBtn.style.display="block";
			}
		}
		addEvent(){
			 // 注销功能，就是抹掉登录成功之后的信息
			this.logout.onclick=function(){
				sessionStorage.removeItem("userMsg");
				location.reload();
			}
		}
	}
	new Index;
	
	// 楼层效果加懒加载效果
	let zuipinList=document.getElementById("zuipin-list");
	let imgs=document.querySelectorAll("img");
	let clientH=document.documentElement.clientHeight;
	lazyImg(imgs);
	window.onscroll=function(){
		let scrollT=document.documentElement.scrollTop;
		if(scrollT>700){
			zuipinList.style.display="block";
		}
		if(scrollT<700){
			zuipinList.style.display="none";
		}
		lazyImg(imgs);
	}
	
	$("#zuipin-list").children("li").click(function(){
		// console.log(this);
		// $(document).scrollTop($(".floor").eq($(this).index()).offset().top);
		// document没有animate方法
		// 要向做动画
		// 根元素要使用具体的标签
		$("html").animate({
			scrollTop:$(".floor").eq($(this).index()).offset().top
		})
	})
	

</script>